<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./src/vue.js"></script>

</head>
<body>

    <div id="app">
        <div v-on:click="clickMe">
            <h2>点我</h2>
        </div>

    </div>





    <script>
        /**
         *v-on: 简写为@
         * 当在模板中给事件的方法传参,需要手动使用$event把事件对象传递给方法
         */

        new Vue({
            el:'#app',
            data:{
                msg: 'hello vue!',
                content:'<h1>我是标题</h1>>'
            },
            methods:{
                clickMe:function (evn) {
                    console.log(evn.target.innerText)
                    console.log(evn.target.innerHTML)

                    alert("你点到我了")
                }
            }
        })

    </script>


</body>
</html>